@charset "utf-8";
.p-create {
	padding: 32px 0;
}

.p-create .layout-safety {
	position: relative;
}

.left-nav {
	width: 250px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 2;
	/*background-color: #F2F2F2;*/
	color: #FFFFFF;
	background: -webkit-gradien(linear, top, bottom, from(#52b6e8), to(#1ca1e4));
	background: -webkit-linear-gradient(top, #52b6e8, #1ca1e4);
	background: -moz-linear-gradient(top, #52b6e8, #1ca1e4);
	background: -o-linear-gradient(top, #52b6e8, #1ca1e4);
}

.left-nav h1 {
	display: inline-block;
	/*color: #000000;*/
	padding: 40px 0 16px;
	font-weight: 100;
	position: relative;
}

.left-nav h1:before {
	content: '  ';
	width: 72px;
	height: 0;
	border-bottom: 5px solid #FFFFFF;
	position: absolute;
	left: 0;
	bottom: 0;
}

.left-nav ul {
	padding-top: 48px;
}

.left-nav ul li {
	margin: 8px 0 8px 56px;
}

.left-nav ul li a {
	display: block;
	line-height: 40px;
}

.left-nav ul li a:hover,
.left-nav ul li a.active {
	background-color: #FFFFFF;
	color: initial;
}


/* create
 * -------------------------------------------- */

.p-create .right-container {
	min-height: 640px;
	margin-left: 250px;
	border: 1px solid #F2F2F2;
	border-left: none;
}

.p-create .layout-form .layout-form-ipt {
	padding-left: 140px;
}

.p-create .layout-form .layout-form-label {
	width: 120px;
}

.p-cls {
	margin: 16px 32px;
	padding: 16px 32px;
}

.p-cls-cont {
	display: block;
	width: 430px;
	height: 72px;
	line-height: 36px;
	margin-left: 34px;
	float: left;
}

.p-cls .box-buttom {
	width: 260px;
	margin-top: 16px;
	float: right;
}

/*.p-cls-btn {
	width: 120px;
	margin-top: 16px;
	float: right;
}*/


/* 
 * ---------------------------------------------- */

#p-seldata-view .layout-form-label {
	width: 160px;
}

#p-seldata-view .layout-form-ipt {
	padding-left: 180px;
}

.p-seldata-view-btnbox {
	padding-left: 196px;
}

.p-seldata-view-btnbox a {
	width: 120px;
	margin-right: 32px;
	float: left;
}


/* 
 * ---------------------------------------------- */

.m-plist {
	padding: 16px 32px;
	margin: 0 32px 32px;
	border-radius: 4px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .16);
	position: relative;
	/*color: rgba(255, 255, 255, 0.8);
	background: -webkit-gradien(linear, top, bottom, from(#52b6e8), to(#1ca1e4));
	background: -webkit-linear-gradient(top, #52b6e8, #1ca1e4);
	background: -moz-linear-gradient(top, #52b6e8, #1ca1e4);
	background: -o-linear-gradient(top, #52b6e8, #1ca1e4);*/
}

.p-cls-btnbox {
	line-height: 92px;
}

.p-cls-btnbox a {
	padding: 6px;
	margin-right: 8px;
	border-radius: 4px;
	font-size: 14px;
	color: #4C8EF3;
}

.cx_pay_st {
	position: absolute;
	top: -4px;
	right: -4px;
}

.m-plist-btn {}

.m-plist-btn>a {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, .48);
	color: #FFFFFF;
}

.m-plist-btn>a:before {
	content: "  ";
	display: block;
	padding-top: 22px;
}

.m-plist-btn>a.disabled {
	background-color: #EDEDED;
	color: #808080;
	cursor: not-allowed;
	cursor: -ms-not-allowed;
}

.m-plist .m-del {
	/*display: block;
	padding: 6px;
	color: #e64340;
	position: absolute;
	left: 35px;
	bottom: 12px;
	z-index: 10;*/
	
	display: block;
	width: 18px;
	line-height: 18px;
	color: #e64340;
	padding: 4px;
	background-color: #FFFFFF;
	border-radius: 50%;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.48);
	text-align: center;
	position: absolute;
	top: 70px;
    left: 88px;
	z-index: 10;
}


/* agree
 * -------------------------------------- */

.agree {
	margin-top: 8px;
}

.agree input {
	margin: 0;
}

.agree p {
	display: inline;
}


/* condition
 * -------------------------------------- */

.condition {
	/*margin: 0 40px;*/
	/*border-bottom: 1px dashed #999999;*/
	font-size: 14px;
}

.cdon-box {
	line-height: 32px;
	color: #777777;
	padding: 8px 0 8px 80px;
	margin: 0;
}

.cdon-box dt {
	width: 80px;
	margin-left: -80px;
	text-align: right;
	float: left;
}

.cdon-box dd {
	float: left;
	margin: 0 4px;
}

.cdon-box dd a {
	display: block;
	padding: 0 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	border-radius: 4px;
}

.cdon-box dd:hover a,
.cdon-box dd.active a {
	color: #2BC3AC;
	border-color: #2BC3AC;
}

.cdon-box dd a.disabled {
	color: #BDBDBD;
}

.cdon-box dd:hover a.disabled {
	border-color: transparent;
}

.cdon-box dd.active a.disabled,
.cdon-box dd.active:hover a.disabled {
	border-color: #BDBDBD;
}

.projects-search {
	/*width: 334px;*/
	width: 274px;
	height: 30px;
	line-height: 30px;
	/*border: 1px solid #3688e9;*/
	border: 1px solid #DCDCDC;
	/*border-radius: 4px;*/
	overflow: hidden;
	/*margin: 16px 0;*/
	margin: 9px 16px 0 0;
	background-color: #FFFFFF;
}

.projects-search input {
	/*width: 240px;*/
	width: 180px;
	height: inherit;
	padding: 0;
	line-height: inherit;
	border: none;
	outline: none;
	text-indent: 16px;
	float: left;
}

.projects-search input::-webkit-input-placeholder {
	color: #999;
}

.projects-search input:-moz-placeholder {
	color: #999;
}

.projects-search input::-moz-placeholder {
	color: #999;
}

.projects-search input:-ms-input-placeholder {
	color: #999;
}

.projects-search a {
	display: block;
	height: inherit;
	line-height: inherit;
	border: none;
	outline: none;
	text-align: center;
	float: left;
}

.projects-search a i {
	line-height: inherit;
}

.projects-search a.searchClear {
	visibility: hidden;
	width: 30px;
}

.projects-search a.searchBtn {
	width: 64px;
	/*background-color: #3688E9;*/
	background-color: #ebebeb;
	/*color: #FFFFFF;*/
	color: #999999;
	font-size: 14px;
}

.projects-volist {
	/*margin: 40px;*/
	min-height: 480px;
}

.p-volist {
	height: 122px;
	padding: 24px;
	/*border: 1px solid #e4e4e4;*/
	border-radius: 2px;
	position: relative;
	margin-bottom: 0px;
}

.p-volist img {
	vertical-align: middle;
}

.p-volist p {
	line-height: 40px;
}

.p-volist p font {
	padding: 3px 8px;
	background-color: #FF5722;
	color: #FFFFFF;
	margin-left: 8px;
	border-radius: 2px;
	font-size: 14px;
}

.p-volist p em {
	font-style: normal;
	padding: 3px 12px;
	background-color: #f2f2f2;
	color: #777777;
	border-radius: 32px;
	margin-right: 16px;
	font-size: 14px;
}

.p-volist a.submit-buttom {
	width: 120px;
	position: absolute;
	right: 24px;
	bottom: 24px;
}


/* project-details
 * ------------------------------------------- */

.project-details {
	padding: 40px;
}

.project-details .pd-info p {
	line-height: 24px;
}

.memberlists {
	padding: 8px 0;
}

.memberlists font {
	padding: 2px 4px;
	border-radius: 2px;
}

.memberlists font.pd-members-tag {
	background-color: #F1F1F1;
	color: #F57C00;
}

.pd-pdfbox a {
	display: inline-block;
	width: 240px;
	height: 96px;
	line-height: 96px;
	margin: 40px 80px 40px 0;
	background-color: #F2F2F2;
	text-align: center;
	/*float: left;*/
	cursor: not-allowed;
}

.pd-pdfbox a.active {
	color: #F57C00;
	cursor: pointer;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.32);
}

.pd-pdfbox a.active:hover {
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.56);
}

.pd-details-cont {
	line-height: 28px;
}

.pb-details-atlas img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}


/* cont-title
 * --------------------------------------------------- */

.cont-title {
	line-height: 40px;
	padding-top: 8px;
	background-color: #F2F2F2;
	/*color: #FFFFFF;*/
	/*background: -webkit-gradien(linear, left, right, from(#52b6e8), to(#1ca1e4));
	background: -webkit-linear-gradient(left, #52b6e8, #1ca1e4);
	background: -moz-linear-gradient(left, #52b6e8, #1ca1e4);
	background: -o-linear-gradient(left, #52b6e8, #1ca1e4);*/
}

.cont-title em {
	display: inline-block;
	font-style: normal;
	padding: 0 8px;
	background-color: #FFFFFF;
	border: 1px solid #E4E4E4;
	border-bottom-color: #FFFFFF;
	border-radius: 4px 4px 0 0;
	margin-left: 16px;
	font-size: 14px;
}


/* page
 * --------------------------------------------------- */

.page {
	min-height: 560px;
}

.page .layout-safety {
	width: 998px;
	/*padding: 80px 0 0;*/
}


/* activitys-volist
 * --------------------------------------------------- */

.activitys-volist {
	margin: 40px 0;
	padding: 0 15px;
	min-height: 240px;
}

.a-volist {
	width: 310px;
	margin: 0px 16px 16px 0;
	border: 1px solid #EDEDED;
	background-color: #FFFFFF;
	position: relative;
	float: left;
}

.a-volist:hover {
	box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.32);
	cursor: pointer;
}

.a-volist .tag-hot {
	padding: 3px 8px;
	font-size: 12px;
	background-color: #FF5722;
	color: #FFFFFF;
	border-radius: 4px;
	margin-right: 8px;
}

.a-volist p {
	line-height: 26px;
	color: #888888;
	font-size: 14px;
}

.a-volist p i {
	margin-right: 8px;
	line-height: inherit;
}

.a-volist p.title {
	line-height: 40px;
}

.a-volist a.submit-buttom {
	width: 100%;
}

.activitys-details .cover {
	display: block;
	width: 500px;
	height: 280px;
}

.activitys-details .btn-sing {
	width: 200px;
}

.activitys-details .pic-circle {
	width: 64px;
	height: 64px;
	float: left;
	margin-right: 32px;
}

.head-title {
	padding-bottom: 40px;
	font-size: 32px;
	font-weight: 800;
	text-align: center;
	background-image: url(/public/webfe/images/head-title-bg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

a.prolists {
	display: block;
	width: 120px;
	padding: 16px;
	float: left;
	margin: 4px;
}

a.prolists.active {
	background-image: url(../images/checked.png);
	background-position: top right;
	background-repeat: no-repeat;
}

a.prolists:hover {
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.4);
}

a.prolists img {
	width: 56px;
	height: 56px;
}